<script setup>
/*
  父子传值
    vue2
       <xxx :num="appNum"  @fn="appFn"  />
       xxx组件内
         props:{
           num:{
            type:类型,
            required:是否必传,
            default:默认值,
            validator:(value)=>{
              return boolean值
            }
           }
         }
         this.$emit('fn',实参值)
  vue3
     <xxx :num="appNum" @fn='appFn'  />
     xxx组件内：
      const props =  defineProps({
          num:{
            ....
          }
        }) 
      const emits=defineEmits(['fn'])
      emits('fn',实参值)

        // html中使用传入的值是 直接用 {{ num}}  
        // js中使用 props.num
*/

import { ref } from 'vue'
import HmSon from './components/HmSon.vue'
const num = ref(0)
const setNum = val => {
  num.value = val
}
</script>

<template>
  <div class="-page">
    <h1>父组件</h1>
    <hr />
    <HmSon :num="num" @setNum="setNum"></HmSon>
  </div>
</template>

<style lang="scss" scoped></style>
>
